<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/head.css">
</head>

<body>


    <div class="ding">
        <h1 class="head-logo">
            <img src="img/1/logo.png" alt="">
        </h1>

        <ul class="in-box">
            <li class="biaotou"> 航拍无人机</li>
            <li class="biaotou"> 手持拍摄设备</li>
            <li class="biaotou"> 商用产品及方</li>
            <li class="biaotou"> 增值服务</li>
            <li class="biaotou"> DJI 创意周边</li>
        </ul>

        <div class="inr-box ding">
            <div> <img src="img/1/fangdajing.png" alt=""> </div>
            <div class="head-gouwu"> <img src="img/1/gouwuche.png" alt=""></div>
            <div class="denglubtn">
                <img src="img/1/wodexinxi.png" alt="">
                <div class="dengxia">
                    <div class="head-denglu">登录</div>
                    <div class="head-zhuce">注册</div>
                </div>
            </div>
        </div>


        <div class="xiala">
            <div class="kong">
                <div class="erji">
                    <p class="zhezhao"></p>
                    <div>航拍创作</div>
                    <ul>
                        <li class="liebiao">
                            <img src="img/1/Djimavic.png" alt="">
                            <span>DJI Mavic</span>
                        </li>
                        <li class="liebiao">
                            <img src="img/1/DJI Air.png" alt="">
                            <span>DJI Air</span>
                        </li>
                        <li class="liebiao">
                            <img src="img/1/DJI Mini.png" alt="">
                            <span>DJI Mini</span>
                        </li>
                        <li class="liebiao">
                            <img src="img/1/jingling.png" alt="">
                            <span>精灵 Phantom</span>
                        </li>
                    </ul>
                    <div>竞速飞行</div>
                    <ul>
                        <li class="liebiao">
                            <img src="img/1/DjiFVP.png" alt="">
                            <span>DjiFVP</span>
                        </li>
                    </ul>
                    <div>影视航拍</div>
                    <ul>
                        <li class="liebiao">
                            <img src="img/1/wu Inspire.png" alt="">
                            <span>悟 Inspire</span>
                        </li>
                    </ul>
                    <div class="head-shangpin">商品</div>
                </div>
                <div class="zuo-box">
                    <div class="zuo-shang">
                        <span class="biaoqian">这是个标签</span>
                        <span class="head-qunabu">查看全部</span>>
                        <span class="anniu">x</span>
                    </div>
                    <div class="zuo-xia">
                        <div class="xiao-zuo">
                            <div class="mingcheng"></div>
                            <div class="jieshi"></div>
                        </div>
                        <div class="xiao-you">
                            <div class="xiao-ys">
                                <div class="ys">
                                    <div class="wenzi"></div>
                                </div>
                                <div class="ys">
                                    <div class="wenzi"></div>
                                </div>
                                <div class="ys">
                                    <div class="wenzi"></div>
                                </div>
                            </div>
                            <div class="xiao-yx">
                                <div class="ys">
                                    <div class="wenzi"></div>
                                </div>
                                <div class="ys">
                                    <div class="wenzi"></div>
                                </div>
                                <div class="yx">
                                    <div class="wenzi"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="xiala">
            <div class="kong">
                <div class="erji">
                    <p class="zhezhao"></p>
                    <div>日常记录</div>
                    <ul>
                        <li class="liebiao">
                            <img src="img/3/sh1.png" alt="">
                            <span>Osmo Pocket</span>
                        </li>
                        <li class="liebiao">
                            <img src="img/3/sh2.png" alt="">
                            <span>Osmo Action</span>
                        </li>
                        <li class="liebiao">
                            <img src="img/3/sh3.png" alt="">
                            <span>Osmo Mobile</span>
                        </li>
                    </ul>
                    <div>竞速飞行</div>
                    <ul>
                        <li class="liebiao">
                            <img src="img/3/sh4.png" alt="">
                            <span>Ronin 电影机</span>
                        </li>
                        <li class="liebiao">
                            <img src="img/3/sh5.png" alt="">
                            <span>Ronin 稳定器</span>
                        </li>
                        <li class="liebiao">
                            <img src="img/3/sh6.png" alt="">
                            <span>DJI 专业配件</span>
                        </li>
                    </ul>
                    <div  class="head-shangpin">商品</div>
                </div>


                <div class="zuo-box">
                    <div class="zuo-shang">
                        <span class="biaoqian">这是个标签</span>
                        <span class="head-qunabu">查看全部</span>>
                        <span class="anniu">x</span>
                    </div>
                    <div class="zuo-xia">
                        <div class="xiao-zuo">
                            <div class="mingcheng"></div>
                            <div class="jieshi"></div>
                        </div>
                        <div class="xiao-you">
                            <div class="xiao-ys">
                                <div class="ys">
                                    <div class="wenzi"></div>
                                </div>
                                <div class="ys">
                                    <div class="wenzi"></div>
                                </div>
                                <div class="ys">
                                    <div class="wenzi"></div>
                                </div>
                            </div>
                            <div class="xiao-yx">
                                <div class="ys">
                                    <div class="wenzi"></div>
                                </div>
                                <div class="ys">
                                    <div class="wenzi"></div>
                                </div>
                                <div class="yx">
                                    <div class="wenzi"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



</body>

</html>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/head.js"></script>